@import '../common/_common.scss';

// 物流信息
.express
{
    font-size: 14px;
    line-height: 1.5;

    width: 1150px;
    margin: 0 auto $px20;
    padding: $px15 $px20 $px20;

    letter-spacing: 1px;

    color: $c333;
    background-color: $cfff;
    // 标题
    .express_title
    {
        font-size: 16px;
        font-weight: 600;

        margin-bottom: 10px;

        color: $c666;
    }
    @at-root
    {
        // 物流包裹标题
        .express_content_title
        {
            margin-bottom: 20px;

            border-bottom: 3px solid #efefef;
            .active
            {
                margin-bottom: -3px;

                border-bottom: 3px solid #03a9f4;
            }
            li
            {
                font-size: 16px;
                font-weight: 600;
                line-height: 30px;

                width: 260px;
                height: 30px;

                text-align: center;

                border-right: 1px solid #efefef;

                @include inline_block;
            }
        }

        // 物流包裹信息
        .express_item
        {
            label
            {
                vertical-align: initial;
            }
            em
            {
                vertical-align: bottom;
            }
            //物流包裹商品信息
            .express_item_good
            {
                float: left;

                width: 220px;
                padding: 0 20px;
                & > div
                {
                    margin: 10px 0;
                }
                & > .express_good_info
                {
                    margin-top: 17px;
                }
            }
            .express_good_info
            {
                overflow: hidden;
                height: 80px;
                img
                {
                    position: absolute;

                    width: 80px;
                    height: 80px;
                }
                div
                {
                    font-size: 12px;
                    line-height: 20px;

                    margin-left: 90px;
                }
                b
                {
                    font-weight: normal;

                    color: #3cf;
                }
            }
            // 物流包裹信息
            @at-root
            {
                .express_item_detail
                {
                    margin-left: 260px;
                }
                .express_detaiL_info
                {
                    li
                    {
                        position: relative;

                        padding: 10px 0 0 35px;

                        color: #999;
                        border-left: 1px solid #ccc;
                        &:before,
                        i
                        {
                            font-style: normal;

                            position: absolute;
                            top: 17px;
                            left: 0;

                            display: inline-block;
                            zoom: 1;

                            width: 7px;
                            height: 7px;
                            margin-left: -4px;

                            content: '';

                            border-radius: 50%;
                            background-color: #ccc;
                            @media \0screen\,screen\9
                            {
                                top: 9px;

                                margin-left: -5px;

                                background-color: transparent;
                            }
                        }
                        .time
                        {
                            position: absolute;

                            width: 200px;
                            margin-left: 0;

                            text-align: right;
                        }
                        p
                        {
                            margin-left: 235px;
                        }
                    }
                    .current
                    {
                        color: #333;
                        &:before,
                        i
                        {
                            background-color: #333;
                            @media \0screen\,screen\9
                            {
                                background-color: transparent;
                            }
                        }
                    }
                }
                .express_detail_toolbar
                {
                    font-size: 14px;

                    display: none;

                    padding: 20px 0 0 45px;

                    color: #333;
                    border-left: 1px solid #ccc;
                }
                .express_toolbar_main
                {
                    label,
                    i
                    {
                        cursor: pointer;
                    }
                    label
                    {
                        vertical-align: text-bottom;
                    }
                    i
                    {
                        *vertical-align: middle;
                    }
                }
                .express_detail_icon
                {
                    display: inline-block;

                    background-image: url('/resources/img/select_icon.png');
                    background-repeat: no-repeat;

                    *display: inline;
                    *zoom: 1;
                }
                .express_icon_down
                {
                    width: 13px;
                    height: 9px;

                    background-position: 0 -11px;
                }
                .express_icon_up
                {
                    width: 12px;
                    height: 8px;

                    background-position: 0 0;
                }
            }
        }
    }
}
